<!DOCTYPE html>
<html>
<head>
<title>梦幻婚礼</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Wedding Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 

</script>
<!-- start menu -->
<script src="js/simpleCart.min.js"> </script>
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<!-- /start menu -->
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />

</head>
<body>
	
	
	<script>                                                                                                                           
	                                                                                                                               
	function product(pd) {                                                                                                  
		return   "<div>"+
		"   <ul>                                                                                 "+
		"		 <a href='single3.html?searchKey="+pd.pid+"'><div class='product-grid love-grid'>                                                       "+
		"			<div class='more-product'><span> </span></div>						                                           "+
		"			<div class='product-img b-link-stripe b-animate-go  thickbox'>                                                 "+
		"				<br />                                                                                                     "+
		"				<title>  </title>  "+
		"				<img src='../images/"+pd.picurl+"' />  "+
		 "<li class='sort'>"+pd.pname+"</li>"+
		"				<div class='b-wrapper'>                                                                                    "+
		"				<h4 class='b-animate b-from-left  b-delay03'>	                                                           "+                                                                                                              
		"    <button class='btns'><span class='glyphicon glyphicon-zoom-in' aria-hidden='true'></span>商品详情</button>              "+
		"				</h4>                                                                                                      "+			                                                                                                        
		"				</div>                                                                                                     "+
		"			</div></a>						                                                                               "+
		"			<div class='product-info simpleCart_shelfItem'>                                                                "+
		"				<div class='product-info-cust prt_name'>                                                                   "+
		"					<span class='item_price'>"+pd.price+"</span>								                               "+
		"					<input type='text' class='item_quantity' value='数量' />                                                  "+
		"				</div>													                                                   "+
		"				<div class='clearfix'> </div>                                                                              "+
		"			</div>                                                                                                         "+
		"		</div>	                                                                                                      "  +                                                         
		"	</ul>	             "+
		"</div>"
		
	}
	
	
	
	function getQueryVariable(variable){
				       var query = window.location.search.substring(1);
				       var vars = query.split("&");
				       for (var i=0;i<vars.length;i++) {
				               var pair = vars[i].split("=");
				               if(pair[0] == variable){
				                  return decodeURIComponent(pair[1]);
				               }
				       }
				       return(null);
				}
			  //测试获取url参数
			  var str = getQueryVariable("list");


	//加
			$.post("/g4/products/list",
					{}, function(result) {
						if (result.code === '0') {
							for ( var i=0 ; i< result.data.length; i++){
								var code = product(result.data[i]);
								$("#p").append(code);
							}
						} else {
							layer.msg("失败")
						}
					}, "json");

	
</script>

	<!--header-->
	<div class="top_bg"  >
		<div class="container">
			<div class="header_top-sec">
				<div class="top_right">
					<ul>
						<li><a href="#">帮助</a></li>|
						<li><a href="contact.html">联系</a></li>|
						<li><a href="login.html">跟踪订单</a></li>
					</ul>
				</div>
				<div class="top_left">
					<ul>
						<li class="top_link">Email:<a href="mailto:info@example.com">mail@example.com</a></li>|
						<li class="top_link"><a href="login.html">我的账户</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>

	<div class="header-top">
		<div class="header-bottom">
			<div class="container">
				<div class="logo">
					<a href="index.html"><h1>梦幻婚礼</h1></a>
				</div>
				<div class="dy12">

						<input id="name" type="text" value="搜索商品/店铺" onFocus="if(value=='搜索商品/店铺') {value=''}" onBlur="if (value=='') {value='搜索商品/店铺'}" style="width:500px; height:36px; text-indent:12px; font-size:12px; color:#666; float:left">
						<input id="ss" onclick="sousuo()" type="search" value="搜索" style=" cursor:pointer; width:70px; height:36px; float:right; text-align:center; background:#9999;" class="shousuo">

					</div>
					<script>
						function sousuo() {
							var list = $("#name").val();
							window.location.href = "product.html?list=" + list;
						}
					</script>
				<!---->

				<div class="top-nav">
					<ul class="memenu skyblue">
						<li class="active"><a href="index.html">首页</a></li>
						<li class="grid"><a href="#">婚礼</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>商店</h4>
										<ul>
											<li><a href="product.html">New Arrivals</a></li>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">登录</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">我的购物车</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>样式区域</h4>
										<ul>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">配饰</a></li>
											<li><a href="product.html">拍摄风格</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>受欢迎的品牌</h4>
										<ul>

											<li><a href="product.html">李维斯</a></li>
											<li><a href="product.html">Nike</a></li>
											<li><a href="product.html">埃德温</a></li>
											<li><a href="product.html">杰克与琼斯</a></li>
											<li><a href="product.html">Paul Smith</a></li>
											<li><a href="product.html">Ray-Ban</a></li>
											<li><a href="product.html">木木材</a></li>
										</ul>
									</div>
								</div>
							</div></li>
						<li class="grid"><a href="#"></a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>Shop</h4>
										<ul>
											<li><a href="product.html">New Arrivals</a></li>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">登录</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">我的购物车</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Style Zone</h4>
										<ul>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">配饰</a></li>
											<li><a href="product.html">拍摄风格</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Popular Brands</h4>
										<ul>
											<li><a href="product.html">李维斯</a></li>
											<li><a href="product.html">Nike</a></li>
											<li><a href="product.html">埃德温</a></li>
											<li><a href="product.html">杰克与琼斯</a></li>
											<li><a href="product.html">Paul Smith</a></li>
											<li><a href="product.html">Ray-Ban</a></li>
											<li><a href="product.html">木木材</a></li>
										</ul>
									</div>
								</div>
							</div></li>

						<li class="grid"><a href="contact.html">联系我们</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!---->
				<div class="cart box_1">
					<a href="checkout.html">
						<h3>
							<div class="total">
								<span class="simpleCart_total"></span> (<span
									id="simpleCart_quantity" class="simpleCart_quantity"></span>)
							</div>
							<span class="glyphicon glyphicon-shopping-cart"
								aria-hidden="true"></span>
						</h3>
					</a>
					<p>
						<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
					</p>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
				<!---->
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!---->
	<!--header//-->


<div class="rsidebar span_1_of_left" id="fl">
		<section class="sky-form">
			<div class="product_right">
				<h4 class="m_2">
					<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>分类目录
				</h4>
				<div class="tab1">
					<ul class="place">
						<li class="sort">时尚</li>
						<li class="by"><img src="images/do.png" alt=""></li>
						<div class="clearfix"></div>
					</ul>
					<div class="single-bottom">
						<a href="#"><p>赠品</p></a> <a href="#"><p>花卉</p></a> <a href="#"><p>鞋子</p></a>
						<a href="#"><p>西装</p></a> <a href="#"><p>洋装</p></a>
					</div>
				</div>
				</div>
				</div>
				
				<script>
					
					function getQueryVariable(variable){
				       var query = window.location.search.substring(1);
				       var vars = query.split("&");
				       for (var i=0;i<vars.length;i++) {
				               var pair = vars[i].split("=");
				               if(pair[0] == variable){
				                  return decodeURIComponent(pair[1]);
				               }
				       }
				       return(null);
				}
			  //测试获取url参数
			  var str = getQueryVariable("list");
					
				</script>
				
				
<script>
		function fl(f){
			return  "<section class='sky-form'>"+
			"<div class='product_right'></div> "+
			"<ul class='place'>"+
	"				<li class='sort'>"+f.catename+"</li>"+
	"				<li class='by'><img src='g4/xxm/images/"+f.picurl+"' alt=''></li>"+
	"				<div class='clearfix'></div>"+
	"			</ul>"+
	"			</div>"+
	"</section>"
	
	          }
		
				$.post("/g4/category/selectallCategory", 
				{
				}, function(res) {
				if (res.code == '0') {
					for (var i = 0; i < res.data.length; i++) {
						$("#fl").append($(fl(res.data[i][i])));
					}
				} else {
					layer.msg("查询失败");
				}
			}, 'json');
		
	</script>


	<div class="product-model"  id="p">
		<div class="container">
			<ol class="breadcrumb">
				<li><a href="index.html">首页</a></li>
				<li class="active">商品</li>
			</ol>
			<h2>我们的商品</h2>
			
	</div>
	</div>

				
				<script>
							$(document).ready(function(){
								$(".tab1 .single-bottom").hide();
								$(".tab2 .single-bottom").hide();
								$(".tab3 .single-bottom").hide();
								$(".tab4 .single-bottom").hide();
								$(".tab5 .single-bottom").hide();
								
								$(".tab1 ul").click(function(){
									$(".tab1 .single-bottom").slideToggle(300);
									$(".tab2 .single-bottom").hide();
									$(".tab3 .single-bottom").hide();
									$(".tab4 .single-bottom").hide();
									$(".tab5 .single-bottom").hide();
								})
								$(".tab2 ul").click(function(){
									$(".tab2 .single-bottom").slideToggle(300);
									$(".tab1 .single-bottom").hide();
									$(".tab3 .single-bottom").hide();
									$(".tab4 .single-bottom").hide();
									$(".tab5 .single-bottom").hide();
								})
								$(".tab3 ul").click(function(){
									$(".tab3 .single-bottom").slideToggle(300);
									$(".tab4 .single-bottom").hide();
									$(".tab5 .single-bottom").hide();
									$(".tab2 .single-bottom").hide();
									$(".tab1 .single-bottom").hide();
								})
								$(".tab4 ul").click(function(){
									$(".tab4 .single-bottom").slideToggle(300);
									$(".tab5 .single-bottom").hide();
									$(".tab3 .single-bottom").hide();
									$(".tab2 .single-bottom").hide();
									$(".tab1 .single-bottom").hide();
								})	
								$(".tab5 ul").click(function(){
									$(".tab5 .single-bottom").slideToggle(300);
									$(".tab4 .single-bottom").hide();
									$(".tab3 .single-bottom").hide();
									$(".tab2 .single-bottom").hide();
									$(".tab1 .single-bottom").hide();
								})	
							});
						</script>
				
		</section>


	</div>
	</div>
	</div>
	</div>
	<div class="shoping">
		<div class="container">
			<div class="shpng-grids">
				<div class="col-md-4 shpng-grid">
					<h3>免费送货</h3>
					<p>订单满RS999</p>
				</div>
				<div class="col-md-4 shpng-grid">
					<h3>订单退货</h3>
					<p>14天内退货</p>
				</div>
				<div class="col-md-4 shpng-grid">
					<h3>付款方式</h3>
					<p>货到付款</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<div class="footer">
		<div class="container">
			<div class="ftr-grids">
				<div class="col-md-3 ftr-grid">
					<h4>关于我们</h4>
					<ul>
						<li><a href="#">我们是谁</a></li>
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="#">我们的网站</a></li>
						<li><a href="#">在新闻中</a></li>

					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>客户服务</h4>
					<ul>
						<li><a href="#">常问问题</a></li>
						<li><a href="#">运输</a></li>
						<li><a href="#">消除</a></li>
						<li><a href="#">退货</a></li>
						<li><a href="#">批量订单</a></li>
						<li><a href="#">购买指南</a></li>
					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>您的帐户</h4>
					<ul>
						<li><a href="account.html">您的帐户</a></li>
						<li><a href="#">个人信息</a></li>
						<li><a href="#">地址</a></li>
						<li><a href="#">折扣</a></li>
						<li><a href="#">追踪您的订单</a></li>
					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>分类目录</h4>
					<ul>
						<li><a href="#">>>婚礼</a></li>
						<li><a href="#">>>珠宝</a></li>
						<li><a href="#">>>鞋子</a></li>
						<li><a href="#">>>花</a></li>
						<li><a href="#">>>蛋糕</a></li>
						<li><a href="#">...更多</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
</body>
</html>